.blockchain{width:100%;background:#f4f4f4;padding-top:70px}.blockchain .container{width:1200px;margin:0 auto}.blockchain .hearder{height:200px;background:url(../img/blockchain_banner.f8d998ac.jpg);background-repeat:no-repeat;background-size:cover;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.blockchain .hearder .hearder-title{text-align:center;font-weight:700;color:#fff}.blockchain .hearder .el-input{width:930px}.blockchain .hearder .el-input__suffix{right:15px}.blockchain .hearder .el-icon-search{font-size:18px;color:#606266}.blockchain .blockchain-main{background:#f9f9f9;padding:40px 0}.blockchain .blockchain-main .container-main{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.blockchain .blockchain-main .container-main .panels{width:220px;margin-top:50px}.blockchain .blockchain-main .container-main .panels .panel{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;height:120px;margin-bottom:20px;background:#fff;-webkit-box-shadow:0 3px 8px 0 rgba(0,105,211,.15);box-shadow:0 3px 8px 0 rgba(0,105,211,.15);border-radius:0 5px 5px 0}.blockchain .blockchain-main .container-main .panels .panel .panel-title{font-size:16px;color:#465685;margin-bottom:10px}.blockchain .blockchain-main .container-main .panels .panel .panel-count{font-weight:700;font-size:36px;color:#465685}.blockchain .blockchain-main .container-main .map-chart{width:720px;height:550px}.blockchain .blockchain-statistics{background:#fff}.blockchain .blockchain-statistics .statistics-container{padding:60px 0}.blockchain .blockchain-statistics .statistics-container,.blockchain .blockchain-statistics .statistics-container .statistics-panel{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.blockchain .blockchain-statistics .statistics-container .statistics-panel{width:385px;height:360px;background:#fff;border:1px solid #e9e9e9;-webkit-box-shadow:0 2px 5px 0 hsla(0,0%,85.5%,.77);box-shadow:0 2px 5px 0 hsla(0,0%,85.5%,.77);border-radius:5px;text-align:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-top:30px}.blockchain .blockchain-statistics .statistics-container .statistics-panel .el-image{margin:0 auto}.blockchain .blockchain-statistics .statistics-container .statistics-panel .certificate-name{font-size:24px;font-weight:700;color:#333;margin-top:20px}.blockchain .blockchain-statistics .statistics-container .statistics-panel .count-amount{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;height:120px;color:#666;background:#f4f4f4;border:1px solid #e9e9e9}.blockchain .blockchain-statistics .statistics-container .statistics-panel .count-amount .count-amount-title{font-size:16px;color:#666}.blockchain .blockchain-statistics .statistics-container .statistics-panel .count-amount .count-amount-text{font-weight:700;color:#333;font-size:36px;margin-top:4px}.blockchain .blockchain-list{background:#f9f9f9;padding:30px 0}.blockchain .blockchain-list .list-container .types{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.blockchain .blockchain-list .list-container .types .type{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;width:386px;height:130px;background:#fff;border:1px solid #e9e9e9;-webkit-box-shadow:0 2px 5px 0 hsla(0,0%,85.5%,.77);box-shadow:0 2px 5px 0 hsla(0,0%,85.5%,.77);border-radius:5px;cursor:pointer}.blockchain .blockchain-list .list-container .types .type:hover{color:#fff}.blockchain .blockchain-list .list-container .types .type:hover.type1{background:#316ccb}.blockchain .blockchain-list .list-container .types .type:hover .type-icon1{background:rgba(0,0,0,.10196078431372549);color:#fff}.blockchain .blockchain-list .list-container .types .type:hover.type2{background:#f6c942}.blockchain .blockchain-list .list-container .types .type:hover .type-icon2{background:rgba(0,0,0,.10196078431372549);color:#fff}.blockchain .blockchain-list .list-container .types .type:hover.type3{background:#4bd088}.blockchain .blockchain-list .list-container .types .type:hover .type-icon3{background:rgba(0,0,0,.10196078431372549);color:#fff}.blockchain .blockchain-list .list-container .types .type.activated,.blockchain .blockchain-list .list-container .types .type:hover .type-name{color:#fff}.blockchain .blockchain-list .list-container .types .type.activated.type1{background:#316ccb}.blockchain .blockchain-list .list-container .types .type.activated .type-icon1{background:rgba(0,0,0,.10196078431372549);color:#fff}.blockchain .blockchain-list .list-container .types .type.activated.type2{background:#f6c942}.blockchain .blockchain-list .list-container .types .type.activated .type-icon2{background:rgba(0,0,0,.10196078431372549);color:#fff}.blockchain .blockchain-list .list-container .types .type.activated.type3{background:#4bd088}.blockchain .blockchain-list .list-container .types .type.activated .type-icon3{background:rgba(0,0,0,.10196078431372549);color:#fff}.blockchain .blockchain-list .list-container .types .type.activated .type-name{color:#fff}.blockchain .blockchain-list .list-container .types .type .type-icon{width:60px;height:60px;background:rgba(246,201,66,.2);border-radius:5px;margin-right:25px;line-height:60px;font-weight:700;font-size:40px;text-align:center}.blockchain .blockchain-list .list-container .types .type .type-icon1{background:rgba(100,150,225,.2);color:#316ccb}.blockchain .blockchain-list .list-container .types .type .type-icon2{background:#fdf4d9;color:#f6c942}.blockchain .blockchain-list .list-container .types .type .type-icon3{background:rgba(75,208,136,.2);color:#4bd088}.blockchain .blockchain-list .list-container .types .type .type-name{font-size:20px;color:#333}.blockchain .blockchain-list .list-container .versions{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;margin:20px 0}.blockchain .blockchain-list .list-container .versions .versions-label{font-size:16px;color:#666;margin-right:15px;line-height:30px}.blockchain .blockchain-list .list-container .versions .version{font-size:14px;width:80px;height:30px;background:#fff;border:1px solid #e9e9e9;border-radius:15px;color:#666;line-height:30px;text-align:center;margin-right:15px;cursor:pointer}.blockchain .blockchain-list .list-container .versions .version.activated,.blockchain .blockchain-list .list-container .versions .version:hover{background:#296dd3;color:#fff}.blockchain .blockchain-list .list-container .item-list{background:#fff;border:1px solid #e9e9e9;border-radius:0 0 5px 5px;height:600px;overflow-y:auto;padding:15px 0}.blockchain .blockchain-list .list-container .item-list .item{border-bottom:1px solid #ebeef5;padding:10px 10px 10px 20px;color:#666;font-size:18px}.blockchain .blockchain-list .list-container .item-list .item .item-company-name{font-size:17px;margin-bottom:10px}.blockchain .blockchain-list .list-container .item-list .item .amount-type-time{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:14px}.blockchain .blockchain-list .list-container .item-list .item .amount-type-time .type{margin-left:25px}.blockchain .blockchain-list .list-container .item-list .item .amount-type-time .time{font-size:14px;color:#999}